import React, {Component} from 'react';
import ArticleItemStyles from './index.module.scss';
import Tag from '../Tag';
import Link from '$src/components/Link';
class ArticleItem extends Component {
    render() {
        return (
            <Link path="/detail">
                <div className={`${ArticleItemStyles.article_item} ${ArticleItemStyles.is_cover}`}>
                    <Tag />
                    <h2 className={`${ArticleItemStyles.h2}`}>
                        如何在微信小程序中使用iconfont字体图标（阿里图标库）？
                    </h2>
                    <p className={`${ArticleItemStyles.des} over_hidden_2`}>
                        序的项目开发过程中，也不可避免的需要使用到字体
                    </p>
                    <p className={`${ArticleItemStyles.other_info}`}>
                        <span>2月前</span>
                        <span>浏览 501</span>
                    </p>
                    <div className={`${ArticleItemStyles.cover}`}>
                        <img src={require('$asstes/images/article-item/190814110749726.jpg')} alt="" />
                    </div>
                </div>
            </Link>
        );
    }
}

export default ArticleItem;
